img {border: 0 none;max-width: 100%;vertical-align: middle;}
body {/*background: #f5f5f5 none repeat scroll 0 0;*/background: rgba(0, 0, 0, 0) url("../images/banner.jpg");color: #83adff;cursor: default;font-family: Arial,sans-serif;font-size: 15px;line-height: 20px;margin: 0;padding: 0;}
a{text-decoration:none;}
li{list-style:none;}
.fl{float:left}
.fr{float:right;}
h1, h2, h3, h4, h5, h6 {clear: both;color: #fff;font-family: "zzgf","Microsoft YaHei UI","Microsoft YaHei",SimSun,"Segoe UI",Tahoma,Helvetica,sans-serif;
  font-weight: 200;line-height: 1.25;margin: 0;padding: 20px 0;position: relative;}
h1 {color: #3b3b3b;}
h1, h2 {font-size: 26px;padding: 20px 0 10px;}
h3 {font-size: 24px;line-height: 30px;}
.head-info {font-size: 13px;line-height: 22px;}
.clear{clear:both;}
/*span*/

/*header*/
/**::-moz-selection {background: #365eab none repeat scroll 0 0;color: #fff;text-shadow: none;}*/
header{color: #979797;display: block;min-height: 396px;position: relative;;}
.container{width:1170px;margin:0 auto;}
.container::before, .container::after {content: "";display: table;line-height: 0;}
.container::after {clear: both;}
.t-container {position: relative;}
.row {margin-left: -30px;}
.row::before, .row::after {content: "";display: table;line-height: 0;}
.row::after {clear: both;}
.texture {height: 596px;left: -210px;position: absolute;top: 0;width: 751px;}
.span3 {width: 270px;}
[class*="span"] {float: left;margin-left: 30px;min-height: 1px;}

.span8 {width: 770px;}
.offset2 {margin-left: 230px;}
.span7 {width: 670px;}
.span7 h1{font-weight:normal;}


/*header*/
.top_bg{width:100%;height:33px;margin:0 auto;border-bottom:solid 1px #D9D9D9;background:#f1f1f1}
.top{width:1140px;height:33px;margin:0 auto;}
.top .top_l{width:500px;height:33px;font-size:12px;color:#666;line-height:33px;}
.top .top_r{width:640px;height:33px;font-size:12px;color:#666;line-height:33px;text-align:right;}
.logo_bg{width:100%;height:105px;background:#fff;margin:0 auto;}
.logo{width:215px;height:55px;margin:0 auto;background:url(../images/logo.gif) no-repeat;padding:50px 0 0 900px}
.logo{line-height:25px;color:#333;font-size:22px;font-weight:bold;}

.nav_bg{width:100%;height:38px;margin:0 auto;background:url(../images/title_bg.gif) repeat-x;padding:2px 0}
.nav_bg .nav{width:1140px;height:38px;margin:0 auto;}
.nav li{width:140px;height:38px;float:left;text-align:center;}
.nav li a{font-size:14px;line-height:38px;font-weight:bold;color:#fff;display:block;width:142px;height:38px;}
.nav li a:hover{width:142px;height:38px;background:url(../images/li_bg.gif) no-repeat;}
/*header end*/

/*banner*/

.topx{height:410px;width:100%;margin:0 auto}
.sybn{height:410px;margin: 0 auto;width:100%;}
.flexslider {height:410px;overflow: hidden;position: relative;}
.slides {position: relative;z-index: 1;padding:0;margin:0}
.slides li {height:410px;}
#sydh {height: 41px;left: 0; position: absolute;top: 0;width: 100%;z-index: 95;}
.sydhs {height: 41px;margin: 0 auto;width: 1028px;}
.menu {float: right;height: 41px;position: relative;width: 626px;}
.flex-control-nav {bottom:40px;position: absolute;text-align: center; width: 100%;z-index: 2;margin:0;}
.flex-control-nav li {display: inline-block;height:10px; margin: 0 5px;width: 25px;}
.flex-control-nav a {background: rgba(0, 0, 0, 0) url("../images/banner/dot.png") no-repeat scroll right 0;
  cursor: pointer;display: inline-block;height: 10px;line-height: 40px;overflow: hidden;width: 25px;}
.flex-control-nav .flex-active {background-position: 0 0;}
.flex-direction-nav { position: absolute; top: 45%; width: 100%;z-index: 3;}
.flex-direction-nav li a {cursor: pointer; display: block;height: 50px; overflow: hidden; position: absolute;width: 25px;}
.banner_bg{width:100%;height:40px;margin:0 auto;background:#222}
.banner_bg .banner{width:1140px;font-size:14px;color:#eee;line-height:40px;height:40px;margin:0 auto;}

/*banner end*/
/*banner*/
/*公司简介*/
#content {background:url(../images/d-middle.jpg);position: relative;}
#content2 {/*background: #365eab none repeat scroll 0 0;*/position: relative;background:url(../images/info-bg.jpg);}
.span_w {width:100%;margin-bottom:5px}
.line {border-bottom: 1px solid #022948;box-shadow: 0 1px 0 rgba(247, 247, 247, 0.12);}
.title-1 {color: #3c3c3c;float: left;font-size: 16px;line-height: 30px;}
.text-jj {clear: both;padding:0 10px 10px;height:375px}
.text-jj p{color:#fff;font-size:14px;line-height:30px;text-align: justify;}


.video{display: block;height:215px;width:335px;margin:0;}
.video img{width:100%;height:100%}

.cp_kind2{width:240px;height:auto;background:#005A87;float:left;margin-top:20px;}
.title_bg{width:100%;height:42px;background:url(../images/title_bg.gif) repeat-x;}
.title_bg{font-size:20px;line-height:42px;text-indent:20px;color:#fff}
.title_bg span{font-size:14px;color:#fff;padding-right:10px}
.title_bg span a{color:#fff}
.title_bg span a:hover{text-decoration:underline;}

#kind_list {margin: 0;width:240px;padding:0;}
#kind_list li {list-style: outside none none;margin-top: 5px;width:240px;height:45px;background:#022948;position:relative;}
#kind_list li.active a {background: #3186AF none repeat scroll 0 0;color: #fff;}
#kind_list li a {border: 0 none;color: #fff;margin: 0;display:block;width:220px;height:45px;line-height:45px;padding:0 10px;}
#kind_list li a:hover{background: #022948 none repeat scroll 0 0;color: #fff;}
/*下拉菜单*/
#kind_list li ul {background: #005A87 none repeat scroll 0 0;border-radius: 2px;margin: -3px 0 0 0;z-index: 99;position:absolute;top:5px;left:240px;padding:0;width:240px;display:none;}
#kind_list li ul li {font-size: 13px;margin: 0;padding: 0;transition: all 0.3s ease 0s;width:240px;float:none;height:45px;margin-bottom:5px;border-left:solid 1px #429dca}
#kind_list li ul li a {color: #8c8e90;display:block;margin: 0;height:45px;text-decoration: none;line-height:45px}
#kind_list li:hover .kind_list {display: block;list-style-type: none;position: absolute;left:240px;top:5px;padding:0}
#kind_list li ul li a:hover{background:none;color:#fff}
#kind_list li:hover .hit2{background: #3186AF none repeat scroll 0 0;}

.box_jj{width:900px;height:auto;float:right;background:url(../images/d-middle.jpg);margin-top:20px}

/*产品框架*/
.cp_kind h2{text-align:center}
.span_kind{width:270px;margin:0 11px;float:left;background: rgba(0, 0, 0, 0) url("../images/d-middle.jpg") repeat scroll 0 0;min-height:210px}
.title-l {color: #3c3c3c;float: left;font-size: 16px;line-height: 40px;background: #1f262c none repeat scroll 0 0;height:40px;text-align:left;width:260px;padding:0 5px}
.title-l a {color:#fff;}
.title-l a:hover{color:#83ADFF}
.text-l {padding-left:5px;}
.text-l a{display:inline-block;/*background:#83ADFF;*/color:#83ADFF;margin:0 4px 0;float:left;height:32px;line-height:32px;width:100%}
.text-l a:hover{/*background:#1B3057*/;color:#fff}
.space40 {clear: both;height: 40px;}
.space30 {clear: both;height: 30px;}
.space20 {clear: both;height: 20px;}
/*首页产品展示*/
.box_cp{width:1160px;height:auto;margin:0 auto;}
.box_pic{width:260px;height:250px;float:left;margin:0 10px 20px;background:#005A87;padding:5px}
.box_pic a{width:260px;height:250px;display:block;}
.box_pic a img{width:260px;height:200px;}
.box_pic a span{display:block;height:40px;width:250px;font-size:12px;line-height:20px;background:#3186AF none repeat scroll 0 0;padding:5px;color:#fff}

.box_pic a:hover .hit{background:#005A87 none repeat scroll 0 0;text-decoration: none;transition: all 0.5s ease 0s;}
.box_cp .more{width:1140px;height:30px;margin:0 auto 20px;text-align:center;}
.box_cp .more a{display:block;width:80px;height:30px;text-align:center;margin:0 auto;color:#fff;background:#273138;line-height:30px}
.box_cp .more a:hover{background:#222;transition: all 0.5s ease 0s;}

/*首页新闻动态*/

.text1 {border-bottom: 1px dashed #999;height:45px;margin: 10px auto 20px;width: 1200px;padding-bottom:15px;}
.text1 {line-height:45px;text-align:center;font-size:36px;color:#4A5155;}

.news {margin: 20px auto;width: 1160px;}
.news img {display: block;margin: 0 auto;}

.box_xw_bg{width:100%;height:auto;margin:0 auto;background:#f7f7f7;padding:10px;}
.box_xw2{width:1280px;height:auto;margin:0 auto;padding:0}
.box_xw2 li{width:404px;height:440px;margin:10px;float: left;background:#FFFFFF;border:solid 1px #ddd;}
.box_xw2 li .news-nav {height:258px;margin: 0 auto;width:404px;}
.box_xw2 li .news-nav a h1 {color: #000;font-size: 16px;font-weight: 400;width:95%;height:50px;line-height:50px;border-bottom:solid 1px #ddd;margin:0 auto;}
.box_xw2 li .news-nav p {color: #333;line-height: 18px;margin-top: 12px;padding:10px;font-size:14px;}
.box_xw2 li .news-nav a:hover{text-decoration:underline;}

.more{width:202px;height:42px;margin:20px auto;}
.more a{display:block;background:#222222;border-radius:30px;height:40px;width:200px;text-align:center;line-height:40px;color:#fff;}
.more a:hover{background:#005A87;}

.box_pp{width:1280px;height:auto;margin:0 auto;background: rgba(0, 0, 0, 0) url("../images/gzbg.gif") repeat scroll 0 0;;padding:10px;}
.box_xw_top{width:1280px;height:40px;line-height:40px;font-size:22px;color:#444;margin:0 auto;}
.box_xw_top .top {border-bottom: 2px solid #444;height: 40px;}

.cp_box{height: 240px;margin:20px auto 0;overflow: hidden;width:1280px;}
.cp_pic2 {background: #fff none repeat scroll 0 0;border: 1px solid #ccc;height:210px;margin: 0 10px;padding:4px;width: 240px;position:relative;border-radius:5px;}
.cp_pic2 a {height: 190px;width: 210px;}
.cp_pic2 a img {height:210px;width: 240px;}
.cp_pic2 .cp_title{width:240px;height:30px;position:absolute;bottom:5px;left:5px;transition: all 0.3s ease 0s;background-color: rgba(39, 36, 27, 0.65);z-index: 99;display:none;color:#fff;line-height:30px;text-align:center;font-size:14px;}
.cp_pic2:hover .cp_title{display:block}

/*友情链接*/
.link{width:1015px;height:47px;margin:0 auto 20px;padding:0 0 0 125px;background:#B2DFFE url(../images/link.gif) no-repeat;}
.link a{line-height:47px;padding:0 10px;color:#333;font-size:14px;}

.footer{width:100%;height:auto;padding:20px 0 10px;border-bottom:solid 20px #022948;background:#005A87}
.foot{width:1140px;height:auto;margin:0 auto;font-size:14px;color:#AED9FC;text-align:left;line-height:30px;}
.foot p{margin:0;}
.foot img{float:right;margin:25px 0;}
/*---------------------------内页---------------------------*/
/*内页公司简介*/
.span3 {width: 270px;}
#portfolio-pro { margin: 0;padding:0}
#portfolio-pro li {border-bottom: 1px solid #022948;box-shadow: 0 1px 0 rgba(247, 247, 247, 0.12);float: none;list-style: outside none none;margin-right: 25px;margin-top: 5px;padding: 0;width:270px}
#portfolio-pro li.active a, #portfolio-pro li a:hover{background: rgba(0, 0, 0, 0) url("../images/title_bg.gif") repeat-x scroll 0 0;color: #fff;}
#portfolio-pro li a {border: 0 none;color: #fff;margin: 0;padding: 10px 15px;}
.symbol {display: block;float: right;padding-right: 10px;}
.li_ico {display: block;float: right;padding: 6px 0;}
.space50 {clear: both;height: 50px;}
.span8 {width: 770px;}
.span9 {width: 870px;}
#articlecon, #articlecon a, #articlecon p, #articlecon span {color: #333;line-height: 25px;font-size:14px;text-align: justify;}
#articlecon p span img{max-width:100%;max-height:100%}

/*内页新闻*/
.blue-dark {color: #1b3057;}
.time-dark{height:24px;line-height:24px;font-size:12px;padding:0 6px}
.time-dark img{width:12px;height:12px;margin-right:5px;}
.xw_title{font-size:14px;color:#333;line-height:24px;padding:6px;}
.time-dark span{display:inline-block;margin-right:20px}
.time-dark span a{display:block;height:24px;/*background:#005A87*/;color:#005A87;padding:0 5px;font-size:12px}
.time-dark span a:hover{background:#101d35;color:#fff}

.xw_box{padding-bottom:10px;border-bottom:solid 1px #022948;margin:0 0 0 30px;width:850px}

/*内页图片展示*/
.span12 {width: 1170px;}


.cp_list{width:1200px;height:auto;margin:0 auto;}
.cp_pic{width:270px;height:250px;float:left;margin:20px 15px;}
.cp_pic a{width:270px;height:250px;display:block;}
.cp_pic a img{width:270px;height:200px;}
.cp_pic a span{display:block;height:40px;width:250px;font-size:12px;line-height:20px;padding:5px 10px;color:#fff}

.cp_pic a:hover .hit{background:#005A87 none repeat scroll 0 0;text-decoration: none;transition: all 0.5s ease 0s;}

#portfolio-filter {margin: 0;}
#portfolio-filter li {float: left;list-style: outside none none;margin-top: 5px;margin-right:5px;height:35px;position:relative;}
#portfolio-filter li.active a {background: #005A87 none repeat scroll 0 0;color: #fff;}
#portfolio-filter li a {border: 0 none;color: #fff;margin: 0;padding: 12px 15px;font-size:12px}
#portfolio-filter li a:hover{background: #005A87 none repeat scroll 0 0;color: #fff;}
/*下拉菜单*/
#portfolio-filter li ul {background: #005A87 none repeat scroll 0 0;border-radius: 2px;display: none;margin:0;padding: 10px 25px;z-index: 99;}
#portfolio-filter li ul li {border-bottom: 1px solid #eee;font-size: 13px;margin: 0;padding: 0;transition: all 0.3s ease 0s;width: 160px;float:none;}
#portfolio-filter li ul li a {color: #8c8e90;display:block;margin: 0;padding: 10px 0;text-decoration: none;}
#portfolio-filter li:hover ul {border: 1px solid #005A87;display: block;list-style-type: none;position: absolute;top:30px;}
#portfolio-filter li ul li a:hover{background:none;color:#fff}
#portfolio-filter li:hover .hit2{background: #005A87 none repeat scroll 0 0;}

/*产品内容页*/
.cp_kind3{width:270px;height:auto;background:#005A87;float:left;}
.title_bg2{width:100%;height:auto;}
.title_bg2{font-size:16px;line-height:42px;color:#333}
#kind_list2 {margin: 0;width:270px;padding:0;}
#kind_list2 li {list-style: outside none none;margin-top: 5px;width:270px;height:45px;background:#022948;position:relative;}
#kind_list2 li.active a {background: #3186AF none repeat scroll 0 0;color: #fff;}
#kind_list2 li a {border: 0 none;color: #fff;margin: 0;display:block;width:250px;height:45px;line-height:45px;padding:0 10px;}
#kind_list2 li a:hover{background: #022948 none repeat scroll 0 0;color: #fff;}
/*下拉菜单*/

#kind_list2 li ul {background: #005A87 none repeat scroll 0 0;border-radius: 2px;margin: -3px 0 0 0;z-index: 99;position:absolute;top:5px;left:270px;padding:0;width:240px;display:none;}
#kind_list2 li ul li {font-size: 13px;margin: 0;padding: 0;transition: all 0.3s ease 0s;width:240px;float:none;height:45px;margin-bottom:5px;border-left:solid 1px #429dca}
#kind_list2 li ul li a {color: #8c8e90;display:block;margin: 0;height:45px;text-decoration: none;line-height:45px}
#kind_list2 li:hover .kind_list {display: block;list-style-type: none;position: absolute;left:270px;top:5px;padding:0}
#kind_list2 li ul li a:hover{background:none;color:#fff}
#kind_list2 li:hover .hit2{background: #3186AF none repeat scroll 0 0;}

.pro{background:url(../images/banner.jpg);width:850px;padding:10px}
.pro .pro_img{width:850px;height:auto;text-align:center}
.pro .pro_img img{max-width:99%;max-height:100%;border:solid 5px #005A87}

/*留言反馈*/
.box_ly{width:1140px;height:270px;margin:0 auto;padding:15px}
.box_lyt{width:1140px;height:225px;margin:0 auto;}
.box_lyl{width:370px;height:225px;float:left;}
.box_lyl ul{padding:0;margin:0}
.box_lyl ul li{width:370px;height:40px;margin-bottom:5px;line-height:40px;font-size:14px;color:#fff;background:#005A87;}
.box_lyl ul li input{width:360px;height:30px;border:none;background:#005A87;padding:5px;color:#eee;font-size:14px;font-family: Arial}
.box_lyl ul li img{max-width:110px;max-height:30px;}
.box_lyr{width:750px;height:225px;float:right;}
.box_lyr textarea{width:730px;height:200px;padding:10px;border:none;background:#005A87;color:#eee;font-size:14px;font-family: Arial}
.box_lyb{width:360px;height:30px;background:#005A87;margin:0 auto;padding:5px}
.box_lyb input{width:177.5px;height:30px;border:none;background:#0071ab;color:#fff;cursor:pointer;}
.box_lyb input:hover{background:#292929;transition: all 0.5s ease 0s;}
/*分页*/
.custompage {margin: 0 auto;padding: 30px 0 0;text-align: center;width: 100%;}
.custompage ul li {display: inline-block;}
.custompage ul li a {background-color: #005A87;color: #fff;font-size: 12px;margin-right: 9px;padding: 10px 16px;}
.custompage ul li a.current {background-color: #022948;color: #ffffff;}
.custompage ul li a:hover{background-color: #022948;}

/*分页*/
.flickr {clear: both;font-family: Verdana;font-size: 12px;margin: 10px auto;padding: 0;text-align: center;width: 100%;}
.flickr span {color: #fff;margin-right: 3px;padding: 3px 6px;}
.flickr a {background-position: 50% bottom;border-color: #005A87;border-style: solid;border-width: 1px;color: #333;margin-right: 3px;padding: 3px 6px;text-decoration: none;}
.flickr span.disabled {color: #005A87;margin-right: 3px;padding: 2px 6px;}
.flickr a:hover {background-color: #005A87;background-image: none;border-style: solid;border-width: 1px;color: #fff;}


/*上下篇*/
.pageNavi {border-top: 1px solid #292929;color: #fff;margin: 10px auto 0;padding: 10px 0 25px;text-align: center;width: 98%;}
.pageleft {height: 24px;line-height: 24px;overflow: hidden;width: 300px;}
.pageleft {float: left;font-size: 14px;padding-left: 10px;text-align: left;}
.pageNavi a {color: #fff;font-size: 14px;}
.pageNavi a:hover {text-decoration:underline;}
.pageright {height: 24px;line-height: 24px;overflow: hidden;width: 300px;}
.pageright {float: right;font-size: 14px;padding-right: 10px;text-align: right;}